<template>
  <!-- 公司简介 -->
  <div class="about" style="margin-top: 20px;">
    <el-row class="about">
        <el-col :span="4" :offset="1" style='height: 400px;'>
          <el-menu
            :router='isrouter'
            default-active="1"
            class="el-menu-vertical-demo"
            background-color="#545c64"
            text-color="#fff"
            active-text-color="#ffd04b" style="height: 300px;font-weight: bolder;border-radius: 20px;padding:20px;">
            <el-menu-item index="/about">
              <i class="el-icon-document"></i>
              <span slot="title">公司简介</span>
            </el-menu-item>
            <el-menu-item index="/culture">
              <i class="el-icon-star-on"></i>
              <span slot="title">企业文化</span>
            </el-menu-item>
            <el-menu-item index="/connect">
              <i class="el-icon-location-outline"></i>
              <span slot="title">联系我们</span>
            </el-menu-item>
          </el-menu>
        </el-col>

        <el-col :span="18" :offset="1">
          <!--面包屑导航-->
          <el-row>
            <el-col>
              <el-breadcrumb separator-class="el-icon-arrow-right">
                <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
                <el-breadcrumb-item :to="{ path: '/about' }">关于力点</el-breadcrumb-item>
                <el-breadcrumb-item>公司简介</el-breadcrumb-item>
              </el-breadcrumb>
            </el-col>
          </el-row>

          <!--具体内容-->
          <el-row style="margin-top: 50px;">
            <el-col :span="8" :offset="10">
              <h1>公司简介</h1>
            </el-col>
          </el-row>
          <el-row>
            <el-col>
              <el-card class="box-card">
                <div class="content">
                  <!--摘要-->
                  <p>一、摘要</p>
                  <el-alert
                    :closable="canClosable"
                    title="
                    力点户外体验式培训同盟是一家专业的管理培训咨询公司，
                    一直致力于打造中国最大、最专业、最全面的管理培训咨询企业；
                    华东总部位于江苏苏州，目前在上苏州、无锡与上海设有分支机构，
                    并拥有庞大的服务网点，高覆盖、高效率、高精准的服务获得了众多家..."
                    type="info">
                  </el-alert>
                  <hr>
                  <el-alert
                    :closable="canClosable"
                    title="
                       力点户外（苏州）拓展训练中心—— 力点户外体验式培训同盟苏州公司，
                       成立于2009年，依托常熟蒋巷村生态园，常熟沙家浜/尚湖旅游区的优质资源，
                       是专业在江苏·苏州地区从事体验式学习培训、开发的一家户外拓展训练机构；
                       也是苏州地区最具有思想、最具有发展潜质与服务意识的一家多户外训练形式
                       的培训服务机构。
                       力点户外的使命，我们致力于为江苏及江苏辐射地区的企事业单位、社会团体
                       及学校打造“凝聚力”式团队与高激情、高斗志、高意志力的优秀的团队成员。"
                    type="info">
                  </el-alert>

                  <el-tag style="margin-bottom: 5px;margin-top: 5px;" type="warning">力点课程优势：</el-tag>
                  <el-alert
                    :closable="canClosable"
                    title="
                     1、高标准的培训调研"
                    type="info">
                  </el-alert>
                  <el-alert
                    :closable="canClosable"
                    title="
                     2、高层次的讲师团队"
                    type="info">
                  </el-alert>
                  <el-alert
                    :closable="canClosable"
                    title="
                     3、高质量的课程体系"
                    type="info">
                  </el-alert>
                  <el-alert
                    :closable="canClosable"
                    title="
                     4、高精度的效果评估"
                    type="info">
                  </el-alert> <el-alert
                    :closable="canClosable"
                    title="
                     5、高权威的知识体系"
                    type="info">
                  </el-alert>
                  <el-alert
                    :closable="canClosable"
                    title="
                     6、高水平的发展规划"
                    type="info">
                  </el-alert>
                  <el-tag style="margin-bottom: 5px;margin-top: 5px;" type="warning">力点拓展的服务：</el-tag>
                  <el-alert
                    :closable="canClosable"
                    title="
                   1、为企业提供顾问式诊断及人才战略整体解决方案"
                    type="info">
                  </el-alert> <el-alert
                    :closable="canClosable"
                    title="
                   2、为企业打造适合自身特色和发展需要的课程体系"
                    type="info">
                  </el-alert> <el-alert
                    :closable="canClosable"
                    title="
                   3、为企业创建多维立体的人才和培训效果评估体系"
                    type="info">
                  </el-alert> <el-alert
                    :closable="canClosable"
                    title="
                  4、为企业创建学习型组织，推动企业可持续性发展"
                    type="info">
                  </el-alert>
                  <el-tag style="margin-bottom: 5px;margin-top: 5px;" type="warning">力点拓展的课程收益：</el-tag>
                  <el-collapse v-model="activeNames" >
                    <el-collapse-item title="1．团队凝聚力对组织的益处" name="1">
                      <el-alert
                        :closable="canClosable"
                        title="
                          （1）提高团队生产效率，明白了建设高效团队的基本知识和必要技能"
                        type="info">
                      </el-alert>
                      <el-alert
                        :closable="canClosable"
                        title="
                         （2）提高成员的精神面貌，培养员工的信心、能力和热情"
                        type="info">
                      </el-alert>
                      <el-alert
                        :closable="canClosable"
                        title="
                         （3）促进交流沟通，有效激励下属，
                         调动部门所有成员的工作积极性,
                         同时加强部门领导上下级之间与平级之间的组织协调和沟通能力"
                        type="info">
                      </el-alert>
                      <el-alert
                        :closable="canClosable"
                        title="
                         （4）提高工作质量，学会了正确的分工合作与授权，有效提升团队工作绩效，"
                        type="info">
                      </el-alert>
                      <el-alert
                        :closable="canClosable"
                        title="
                         （5）不断完善整体，明确建立高绩效工作团队的重要性"
                        type="info">
                      </el-alert>
                  </el-collapse-item>
                    <el-collapse-item title=" 2．团队凝聚力对个人的益处" name="2">
                      <el-alert
                        :closable="canClosable"
                        title="
                         （5）不断完善整体，明确建立高绩效工作团队的重要性"
                        type="info">
                      </el-alert>
                    </el-collapse-item>
                  </el-collapse>
                </div>
              </el-card>
            </el-col>
          </el-row>

        </el-col>
    </el-row>
  </div>
</template>

<script>
  export default {
    name: "about",

    data() {
      return {
        msg: "Welcome to Your Vue.js App",
        isrouter:true,
        canClosable:false,
        activeNames: ['1','2']
      };
    },

    methods: {
      handleChange(key, keyPath) {
        console.log(key, keyPath);
      }
    }
  };
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
  .content p{
    font-size: 18px;
    font-weight: bolder;
    color:red;
  }
  .el-collapse-item__header{
    font-weight: bolder;
  }
</style>
